<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="" /> 
<meta name="description" content="" />
<title>支付订单</title>
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/public.css" rel="stylesheet" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/wode.css" rel="stylesheet" />
<script>
    var deviceWidth = Math.min(640, window.innerWidth)
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px"
</script>
   <script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/core.js"></script>
<script src="js/12.4.0chengxinshop.js"></script>
</head>

<body>
<!-- top -->
<div class="header">
    <header class="p_header public-red">
    	<a href="javascript:history.go(-1);" class="p_header_left">
            <i class="p_left" title="返回"></i>
        </a>
        <h1 class="p_dizhi">支付订单</h1>
    </header>
</div>
<!--支付-->
<!--<div class="zhifu_xinxi">
	<h6>订单编号: 20160622564654452</h6>
	<div>应付金额: <span>&yen;105.8</span></div>
</div>-->
<div class="public-jianxi"></div>
<ul class="a_order_inform mid-width">
    <li class="a_last_one">
        <span>缴纳金额</span>
        <input type="number" id="jinge" placeholder="请输入缴纳金额">
    </li>
</ul>
<div class="dingdan_title">支付方式</div>
<form>
    <div class="zhifu_fangshi">
    	<dl>
		    <dt>
		        <img src="images/zhifu04.png">
		    </dt>
		    <dd>
		      	<h5>账户余额<span id="zhifudinge"></span></h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" name="radio1" value="01" />
		            </label>
				</div>
		    </dd>
		</dl>
		<!--<dl>
		    <dt>
		        <img src="images/zhifu05.png">
		    </dt>
		    <dd>
		      	<h5>免费兑换<span id></span></h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" name="radio1" value="05" />
		            </label>
				</div>
		    </dd>
		</dl>-->
		<dl>
		    <dt>
		        <img src="images/zhifu02.png">
		    </dt>
		    <dd>
		      	<h5>微信支付</h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" name="radio1" value="02" />
		            </label>
				</div>
		    </dd>
		</dl>
		<!--<dl>
		    <dt>
		        <img src="images/zhifu01.png">
		    </dt>
		    <dd>
		      	<h5>支付宝</h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" name="radio1" value="03" />
		            </label>
				</div>
		    </dd>
		</dl>-->
		<!--<dl>
		    <dt>
		        <img src="images/zhifu03.png">
		    </dt>
		    <dd>
		      	<h5>银联支付</h5>
		      	<div class="public-checkbox zhifu_xuanze" onclick="changeColors(this)">
					<label class="goodsCheck">
		            	<input type="radio" name="radio1" value="04" />
		            </label>
				</div>
		    </dd>
		</dl>-->
    </div>
     <div class="mid-width">
        <input type="button" class="p_button" onclick="querenzhifuss()" value="确认支付">
    </div>
</form>




<script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script>
<script type="text/ecmascript">
	
	function changeColors(o){
    	$(o).parent().parent().parent().children().each(function(i){
			if($(this).find("input[type='radio']").prop('checked')){		
				$(this).find("div label").addClass("on");
				$(this).find("div label input").attr("checked","checked");
			}else{
				$(this).find("div label").removeClass("on");
				$(this).find("div label input").removeAttr("checked");
			}				
    	})
    }
	
	
</script>

</body>
</html>